.main.home {
  padding: 32px 0 26px 0;
  background: #f5f5f5 url("../images/white-bg.jpg") no-repeat center top/100% 202px;
}

.main.border {
  border-bottom: 1px solid rgba(191, 191, 191, 0.34);
}

.main {
  position: relative;
}

.main .top {
  width: 1500px;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 24px;
}

.main .top .headlines {
  font-size: 40px;
  line-height: 42px;
  font-weight: 700;
}

.main .top .headlines a {
  display: block;
  width: 100%;
  color: #f4292a;
}

.main .top p {
  margin-top: 17px;
  line-height: 20px;
  font-size: 16px;
}

.main .top p a {
  color: #606060;
}

.main .top p a + a::before {
  content: "|";
  display: inline-block;
  margin: 0 6px;
}

.main .card {
  background: #fff;
  -webkit-box-shadow: -1px 0px 7.76px 0.03px rgba(6, 6, 6, 0.09);
          box-shadow: -1px 0px 7.76px 0.03px rgba(6, 6, 6, 0.09);
}

.main .banner {
  position: relative;
  width: 976px;
  height: 518px;
  overflow: hidden;
}

.main .banner .swiper-slide {
  position: relative;
}

.main .banner .swiper-slide p {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  padding: 50px 100px 20px 20px;
  position: absolute;
  font-size: 16px;
  color: #fff;
  bottom: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.3)));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
}

.main .banner .swiper-pagination {
  bottom: 14px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 14px;
  text-align: right;
}

.main .banner .swiper-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: #fff;
  margin: 0 6px;
}

.main .banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: linear-gradient(-72deg, #ffa08a 0%, #f42324 100%);
}

.main .banner .swiper-button-next,
.main .banner .swiper-button-prev {
  color: #fff;
  padding: 20px 10px;
  background: rgba(0, 0, 0, 0.52);
  border-radius: 10px;
}

.main .important-news {
  width: 502px;
  height: 518px;
  overflow: hidden;
}

.main .important-news .column {
  padding: 24px 17px 14px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.main .important-news .column:nth-child(2) {
  margin-top: 20px;
}

.main .important-news .column.p0 {
  padding: 0 17px;
}

.main .important-news .column.p0 .list {
  padding: 10px 0 12px;
  margin-top: 0;
}

.main .important-news .column.p0 .list p {
  line-height: 34px;
}

.main .important-news .column.p0 .list p a {
  width: 100%;
}

.main .important-news .column.p0 .list .more {
  text-align: right;
}

.main .important-news .column.p0 .list .more a {
  color: #f42728;
  font-size: 14px;
  font-family: serif;
  font-weight: bold;
}

.main .important-news .list {
  margin-top: 12px;
}

.main .important-news .list p {
  font-size: 16px;
  line-height: 40px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.main .important-news .list p::before {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  background: #ff0000;
}

.main .important-news .list p a {
  width: 80%;
  display: block;
  color: #3b3b3b;
  margin-left: 10px;
}

.main .important-news .list p span {
  font-size: 12px;
  color: #8c8c8c;
  margin-left: auto;
}

.main .special {
  position: relative;
  width: 1440px;
  padding: 0 30px;
  margin: 20px auto 2px;
}

.main .special .special-wrap {
  overflow: hidden;
  width: 1440px;
  height: 100%;
}

.main .special .swiper-slide {
  overflow: hidden;
  border-radius: 4px;
}

.main .special img {
  display: block;
  width: 100%;
  height: 100%;
}

.main .special .swiper-button-next,
.main .special .swiper-button-prev {
  width: 15px;
  height: 30px;
  color: #f00;
  z-index: 1;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin-top: 0;
}

.main .special .swiper-button-next::after,
.main .special .swiper-button-prev::after {
  font-size: 32px;
}

.main .special .swiper-button-prev {
  left: 0;
}

.main .special .swiper-button-next {
  right: 0;
}

.main .special-1 {
  height: 90px;
}

.main .special-2 {
  height: 274px;
}

.main .special-2 .swiper-button-next,
.main .special-2 .swiper-button-prev {
  color: #817f7f;
}

.main .special-2 .zoom {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
  height: 100%;
}

.main .creation {
  width: 976px;
}

.main .creation .news-tit {
  margin: 20px 0 13px 0;
}

.main .creation .card {
  height: 260px;
  background: #fff;
  border-radius: 4px;
  -webkit-box-shadow: -5px 0px 9.9px 0.5px rgba(0, 0, 0, 0.08);
          box-shadow: -5px 0px 9.9px 0.5px rgba(0, 0, 0, 0.08);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}

.main .creation .creation-tab {
  background: #fff;
  width: 185px;
}

.main .creation .creation-tab .item {
  height: 52px;
  line-height: 53px;
  font-size: 16px;
  color: #3b3b3b;
  letter-spacing: 1px;
  text-indent: 64px;
  cursor: pointer;
  background-position: 38px center;
  background-repeat: no-repeat;
  background-size: 20px 20px;
}

.main .creation .creation-tab .item.active {
  color: #f53331;
  background-color: #fdf7f5;
}

.main .creation .creation-tab .item:nth-child(1) {
  background-image: url("../images/creation1.png");
}

.main .creation .creation-tab .item:nth-child(2) {
  background-image: url("../images/creation2.png");
}

.main .creation .creation-tab .item:nth-child(3) {
  background-image: url("../images/creation3.png");
}

.main .creation .creation-tab .item:nth-child(4) {
  background-image: url("../images/creation4.png");
}

.main .creation .creation-tab .item:nth-child(5) {
  background-image: url("../images/creation5.png");
  background-size: 24px 16px;
}

.main .creation .creation-tab .item.active:nth-child(1) {
  background-image: url("../images/creation1s.png");
}

.main .creation .creation-tab .item.active:nth-child(2) {
  background-image: url("../images/creation2s.png");
}

.main .creation .creation-tab .item.active:nth-child(3) {
  background-image: url("../images/creation3s.png");
}

.main .creation .creation-tab .item.active:nth-child(4) {
  background-image: url("../images/creation4s.png");
}

.main .creation .creation-tab .item.active:nth-child(5) {
  background-image: url("../images/creation5s.png");
  background-size: 24px 16px;
}

.main .creation .creation-wrap {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: #fdf7f5 url("../images/creation-bg.png") no-repeat right bottom/cover;
  padding: 0 25px;
}

.main .creation .creation-wrap .creation-con {
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: none;
}

.main .creation .creation-wrap .creation-con:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.main .creation .creation-wrap::-webkit-scrollbar {
  width: 6px;
}

.main .creation .creation-wrap::-webkit-scrollbar-thumb {
  background: #bfbfbf;
}

.main .creation .creation-wrap::-webkit-scrollbar-track {
  background: #e5e5e5;
}

.main .creation .creation-wrap .creation-imgs {
  width: 300px;
  height: 200px;
  margin-right: 30px;
  position: relative;
}

.main .creation .creation-wrap .creation-imgs p {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  padding: 25px 10px 10px;
  position: absolute;
  font-size: 14px;
  line-height: 16px;
  color: #fff;
  bottom: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.5)));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
}

.main .creation .creation-wrap .creation-list {
  width: 400px;
}

.main .creation .creation-wrap .creation-list p {
  font-size: 16px;
  color: #3b3b3b;
  line-height: 40px;
  text-align: justify;
}

.main .creation .creation-wrap .creation-list p a {
  display: block;
}

.main .notice#notice-wap {
  display: none;
}

.main .notice {
  width: 502px;
  height: 307px;
}

.main .notice .news-tit {
  margin: 20px 0 13px 0;
}

.main .notice .list {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 260px;
  padding: 10px 17px;
}

.main .notice .list p {
  font-size: 16px;
  line-height: 40px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.main .notice .list p::before {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  background: #ff0000;
}

.main .notice .list p a {
  display: block;
  width: 80%;
  color: #3b3b3b;
  margin-left: 10px;
}

.main .notice .list p span {
  font-size: 12px;
  color: #8c8c8c;
  margin-left: auto;
}

.main .practice {
  width: 976px;
}

.main .practice .news-tit {
  margin: 20px auto;
}

.main .practice .column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.main .practice .column .group {
  width: 475px;
}

.main .practice .list {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 238px;
  overflow: hidden;
  background: #fff;
  padding: 18px 14px 10px;
  border-radius: 4px;
}

.main .practice .list .hot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
  overflow: hidden;
  margin-bottom: 10px;
}

.main .practice .list .hot img {
  width: 120px;
  height: 80px;
}

.main .practice .list .hot .con {
  width: 300px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 10px;
}

.main .practice .list .hot .con p {
  font-size: 16px;
  text-align: justify;
  color: #333;
  line-height: 22px;
}

.main .practice .list p {
  font-size: 16px;
  color: #333333;
  line-height: 40px;
}

.main .practice .list p a {
  display: block;
  width: 100%;
}

.main .entrance {
  width: 502px;
  height: 282px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: justify;
      align-content: space-between;
  margin-top: 21px;
}

.main .entrance .item {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #fff;
  width: 100%;
  height: 60px;
  font-size: 16px;
  font-weight: 400;
  padding-left: 110px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.main .entrance .item a {
  color: #3b3b3b;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.main .entrance .item img {
  margin-right: 40px;
}

.main .entrance .item.drop::after {
  content: "";
  display: block;
  width: 26px;
  height: 26px;
  background: url("../images/drop-down.png") no-repeat center/contain;
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translate3d(0, -50%, 0);
}

.main .entrance .item.drop .drop-list {
  display: none;
  position: absolute;
  top: 56px;
  right: 40px;
  z-index: 1;
  background-color: #fff;
  padding: 10px 20px;
  font-size: 14px;
  line-height: 26px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}

.main .entrance .item.drop .drop-list a:hover {
  text-decoration: underline;
}

.main .entrance .item.drop {
  cursor: pointer;
}

.main .entrance .item.drop .drop-list {
  display: none;
}

.main .entrance .item.drop.active .drop-list {
  display: block;
}

.main .yindaojijin {
  display: flex;
  justify-content: space-between;
  width: 976px;
}

.main .yindaojijin .group {
  width: 475px;
}

.main .yindaojijin .news-tit {
  margin: 20px 0;
}

.main .yindaojijin .list {
  box-sizing: border-box;
  padding: 6px 17px;
  overflow: hidden;
}

.main .yindaojijin .list p {
  font-size: 16px;
  line-height: 40px;
  position: relative;
  display: flex;
  align-items: center;
}

.main .yindaojijin .list p::before {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  background: #ff0000;
}

.main .yindaojijin .list p a {
  flex: 1;
  color: #3b3b3b;
  margin-left: 10px;
}

.main .peiyu {
  width: 976px;
}

.main .peiyu .news-tit {
  margin: 20px 0;
}

.main .peiyu .column {
  width: 976px;
  height: 372px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-line-pack: justify;
      align-content: space-between;
}

.main .peiyu .item {
  width: 475px;
  height: 76px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
  border-radius: 4px;
  overflow: hidden;
}

.main .peiyu .item img {
  width: 79px;
  height: 76px;
}

.main .peiyu .item .con {
  margin-left: 26px;
  width: 328px;
  padding: 5px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.main .peiyu .item .con p {
  font-size: 16px;
  text-align: justify;
  color: #333;
  line-height: 18px;
  margin: 10px 0;
}

.main .comment#comment-wap {
  display: none;
}

.main .comment {
  width: 502px;
}

.main .comment .news-tit {
  margin: 20px 0;
}

.main .comment .list {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 372px;
  padding: 6px 17px;
  overflow: hidden;
}

.main .comment .list p {
  font-size: 16px;
  line-height: 40px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.main .comment .list p::before {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  background: #ff0000;
}

.main .comment .list p a {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: #3b3b3b;
  margin-left: 10px;
}

.main .celebrity {
  width: 976px;
  position: relative;
}

.main .celebrity .news-tit {
  margin: 24px 0 20px;
}

.main .celebrity .celebrity-tabs {
  padding: 0 15px;
  background-color: #f6dede;
  border-radius: 15px;
  height: 28px;
  position: absolute;
  top: 22px;
  left: 134px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.main .celebrity .celebrity-tabs .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}

.main .celebrity .celebrity-tabs .item span {
  height: 27px;
  line-height: 27px;
  display: block;
  font-size: 18px;
  font-weight: 700;
  color: #5a5a5a;
}

.main .celebrity .celebrity-tabs .item.active span {
  color: #fff;
  background-color: #f00;
}

.main .celebrity .celebrity-tabs .item.active::before {
  background-image: url("../images/celebrity-tabs-left.png");
  background-position: right center;
}

.main .celebrity .celebrity-tabs .item.active::after {
  background-image: url("../images/celebrity-tabs-right.png");
  background-position: left center;
}

.main .celebrity .celebrity-tabs .item::before, .main .celebrity .celebrity-tabs .item::after {
  content: "";
  display: block;
  width: 20px;
  height: 27px;
  background-repeat: no-repeat;
}

.main .celebrity .celebrity-wrap {
  position: relative;
  padding: 30px 65px 0;
  width: 846px;
  height: 230px;
  background: url("../images/celebrity-bg.jpg") no-repeat center top;
  background-size: 100% 100%;
}

.main .celebrity .celebrity-swiper {
  height: 0;
  position: relative;
  top: 0;
  visibility: hidden;
  opacity: 0;
}

.main .celebrity .celebrity-swiper:first-child {
  visibility: visible;
  opacity: 1;
  height: auto;
}

.main .celebrity .celebrity-con {
  width: 846px;
  height: 196px;
  overflow: hidden;
}

.main .celebrity .celebrity-con .swiper-slide {
  width: 150px;
  height: 196px;
  text-align: center;
  position: relative;
  border-radius: 0 0 10px 10px;
  overflow: hidden;
}

.main .celebrity .celebrity-con .swiper-slide::after {
  content: "";
  display: block;
  width: 150px;
  height: 120px;
  background-color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  border-radius: 10px 10px 0 0;
}

.main .celebrity .celebrity-con .swiper-slide a {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  z-index: 1;
}

.main .celebrity .celebrity-con .swiper-slide a p {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 100%;
  padding: 0 12px;
  height: 28px;
  font-size: 16px;
  line-height: 28px;
  font-weight: 700;
  color: #fff;
  letter-spacing: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  background-image: -webkit-gradient(linear, left top, right top, from(#f42324), to(#fe937f));
  background-image: linear-gradient(to right, #f42324, #fe937f);
  border-radius: 0 15px 15px 12px;
}

.main .celebrity .swiper-button-next,
.main .celebrity .swiper-button-prev {
  color: #f00;
  z-index: 1;
}

.main .celebrity .swiper-button-next::after,
.main .celebrity .swiper-button-prev::after {
  font-size: 32px;
}

.main .celebrity .swiper-button-prev {
  left: -32px;
}

.main .celebrity .swiper-button-next {
  right: -32px;
}

.main .views {
  width: 502px;
}

.main .views .news-tit {
  margin: 24px 0 20px;
}

.main .views .card {
  height: 240px;
  padding: 10px 18px;
  overflow: hidden;
}

.main .views .card p {
  font-size: 16px;
  color: #393636;
  line-height: 40px;
  background-repeat: no-repeat;
  background-position: left center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.main .views .card p::before {
  content: "";
  display: block;
  width: 27px;
  text-align: center;
  margin-right: 20px;
  font-size: 18px;
  font-weight: 500;
  color: #ff0600;
}

.main .views .card p a {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.main .views .card p:nth-child(1) {
  background-image: url("../images/gold.png");
}

.main .views .card p:nth-child(2) {
  background-image: url("../images/silver.png");
}

.main .views .card p:nth-child(3) {
  background-image: url("../images/copper.png");
}

.main .views .card p:nth-child(4)::before {
  content: "4";
}

.main .views .card p:nth-child(5)::before {
  content: "5";
}

.main .views .card p:nth-child(6)::before {
  content: "6";
}

.main .district {
  width: 976px;
  margin-top: 30px;
}

.main .district .district-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.main .district .district-tab .news-tit {
  width: 132px;
}

.main .district .district-tab .card {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 792px;
  background: #fff;
  border-radius: 4px;
  overflow: hidden;
  padding: 10px 27px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.main .district .district-tab .item {
  padding: 10px 0;
  width: 92px;
  line-height: 20px;
  font-size: 18px;
  color: #474747;
  text-align: center;
  cursor: pointer;
}

.main .district .district-tab .item.active {
  color: #f42324;
}

.main .district .district-wrap {
  margin-top: 12px;
  height: 304px;
}

.main .district .district-wrap .district-con {
  display: none;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.main .district .district-wrap .district-con:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.main .district .district-wrap .district-con .pic {
  position: relative;
  width: 408px;
  height: 272px;
  margin-top: 32px;
}

.main .district .district-wrap .district-con .pic p {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  padding: 25px 15px 15px;
  position: absolute;
  font-size: 14px;
  line-height: 16px;
  color: #fff;
  bottom: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.5)));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
}

.main .district .district-wrap .district-con .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: justify;
      align-content: space-between;
  width: 550px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 304px;
  overflow: hidden;
}

.main .district .district-wrap .district-con .list .more {
  font-size: 16px;
  line-height: 30px;
  color: #333;
  text-align: right;
  margin-left: auto;
}

.main .district .district-wrap .district-con .list .more a {
  color: #333;
  letter-spacing: 3px;
}

.main .district .district-wrap .district-con .list .card {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  padding: 16px 17px;
}

.main .district .district-wrap .district-con .list p {
  font-size: 16px;
  line-height: 40px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.main .district .district-wrap .district-con .list p::before {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  background: #ff0000;
}

.main .district .district-wrap .district-con .list p a {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: #333;
  margin-left: 10px;
}

.main .district .district-wrap .district-con .list p span {
  margin-left: 30px;
  font-size: 12px;
  color: #8c8c8c;
}

.main .matrix {
  width: 976px;
}

.main .matrix .news-tit {
  margin: 18px 0 16px;
}

.main .matrix .matrix-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
}

.main .matrix .matrix-list .item {
  cursor: pointer;
  text-align: center;
  width: 145px;
  height: 46px;
  line-height: 46px;
  background: #fff;
  border-radius: 2px;
  font-size: 18px;
  color: #474747;
  margin-bottom: 20px;
}

.main .matrix .matrix-list .item a {
  display: block;
  color: #474747;
}

.main .matrix .matrix-list .item:not(:nth-child(6n)) {
  margin-right: 20px;
}

.main .matrix .matrix-list .card {
  display: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 310px;
  height: 112px;
  padding: 16px 24px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.main .matrix .matrix-list .card .qr {
  border-radius: 4px;
  display: block;
  width: 80px;
  height: 80px;
}

.main .matrix .matrix-list .card .text {
  margin-left: 20px;
}

.main .matrix .matrix-list .card .text .area {
  font-size: 18px;
  color: #474747;
  line-height: 20px;
}

.main .matrix .matrix-list .card .text .name {
  font-size: 18px;
  font-weight: 800;
  color: #f42728;
  line-height: 20px;
  margin-top: 14px;
}

.main .matrix .matrix-list .card .text p {
  font-size: 12px;
  color: #757575;
  letter-spacing: 2.4px;
  margin-top: 10px;
}

.main .database {
  width: 502px;
}

.main .database .news-tit {
  margin: 30px 0 20px;
}

.main .database .database-imgs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.main .database .database-imgs img {
  width: 240px;
  height: 287px;
  border-radius: 4px;
}

.main .database .database-video {
  width: 502px;
  height: 300px;
  margin-top: 20px;
}

.main .database .database-video .pic {
  width: 100%;
  height: 300px;
  position: relative;
}

.main .database .database-video .pic .play-icon {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.main .database .database-video .pic p {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  padding: 25px 15px 15px;
  position: absolute;
  font-size: 16px;
  line-height: 16px;
  color: #fff;
  bottom: 0;
}

.wrapper {
  padding-bottom: 60px;
}

.wrapper .crumbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 50px 0 30px;
}

.wrapper .crumbs span {
  width: 22px;
  height: 22px;
  background: url("../images/drop-down.png") no-repeat center center;
  background-size: contain;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.wrapper .crumbs a.curmbs__index {
  display: block;
  width: 24px;
  height: 22px;
}

.wrapper .crumbs a.curmbs__index img {
  display: block;
  width: 100%;
}

.wrapper .crumbs a.curmbs__class {
  text-align: center;
  display: inline-block;
  min-width: 36px;
  height: 22px;
  font-size: 16px;
  color: #ffffff;
  line-height: 22px;
  padding: 0 18px;
  background: -webkit-gradient(linear, left top, left bottom, from(#f42929), to(#ff9a85));
  background: linear-gradient(#f42929 0%, #ff9a85 100%);
  border-radius: 20px;
}

.wrapper .crumbs .curmbs__text {
  font-size: 16px;
  font-weight: 400;
  color: #f52b2b;
  line-height: 22px;
}

.wrapper .list-container {
  min-height: 600px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.wrapper .list-container .list-items {
  width: 1080px;
}

.wrapper .list-container .list-items .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 12px;
  margin-bottom: 20px;
  border-bottom: 1px solid #e5e5e5;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.wrapper .list-container .list-items .item a {
  width: 100%;
  display: block;
}

.wrapper .list-container .list-items .item h6 {
  line-height: 28px;
  font-size: 18px;
  font-weight: 500;
  color: #222222;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.wrapper .list-container .list-items .item h6 span {
  float: left;
  display: block;
  text-align: center;
  min-width: 40px;
  padding: 0 16px;
  height: 28px;
  line-height: 28px;
  background: linear-gradient(-72deg, #ffa08a 0%, #f42324 100%);
  border-radius: 20px;
  margin-right: 10px;
  font-size: 16px;
  color: #ffffff;
}

.wrapper .list-container .list-items .item p {
  font-size: 14px;
  text-align: justify;
  color: #7d7c7c;
  line-height: 26px;
  margin: 10px 0 20px;
}

.wrapper .list-container .list-items .item .btm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 12px;
  color: #7d7c7c;
  line-height: 25px;
}

.wrapper .list-container .pictrue-items {
  width: 1080px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}

.wrapper .list-container .pictrue-items .item {
  width: 345px;
  margin-right: 20px;
  margin-bottom: 20px;
}

.wrapper .list-container .pictrue-items .item img {
  height: 200px;
  display: block;
}

.wrapper .list-container .pictrue-items .item a {
  width: 100%;
  display: block;
}

.wrapper .list-container .pictrue-items .item p {
  font-size: 14px;
  text-align: center;
  color: #7d7c7c;
  line-height: 26px;
  margin-top: 4px;
}

.wrapper .list-container .pictrue-items .item:nth-child(3n) {
  margin-right: 0;
}

.wrapper .list-container .catalog-items {
  width: 1080px;
}

.wrapper .list-container .catalog-items .column {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #e1e1e1;
  margin-bottom: 20px;
}

.wrapper .list-container .catalog-items .column a {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.wrapper .list-container .catalog-items .column .cata-title {
  padding: 0 20px;
  font-size: 18px;
  line-height: 46px;
  border-bottom: 1px solid #e1e1e1;
}

.wrapper .list-container .catalog-items .column .cata-title a::after {
  content: ">>";
  font-size: 14px;
  font-family: serif;
  font-weight: bold;
}

.wrapper .list-container .catalog-items .column .cata-card {
  padding: 10px 0;
}

.wrapper .list-container .catalog-items .column .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 20px;
  font-size: 16px;
  line-height: 52px;
}

.wrapper .list-container .catalog-items .column .item p {
  margin-right: auto;
  width: 800px;
}

.wrapper .list-container .catalog-items .column .item a {
  border-bottom: 1px solid #e1e1e1;
}

.wrapper .list-container .catalog-items .column .item span {
  font-size: 14px;
  color: #8c8c8c;
}

.wrapper .list-container .catalog-items .column .item a::before {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  background-color: red;
  border-radius: 100%;
  margin-right: 14px;
}

.wrapper .list-container .catalog-items .column .item:last-child a {
  border: none;
}

.wrapper .list-container .catalog-pictrue {
  width: 1080px;
}

.wrapper .list-container .catalog-pictrue .column {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #e1e1e1;
  margin-bottom: 20px;
}

.wrapper .list-container .catalog-pictrue .column .cata-title {
  padding: 0 20px;
  font-size: 18px;
  line-height: 46px;
  border-bottom: 1px solid #e1e1e1;
}

.wrapper .list-container .catalog-pictrue .column .cata-title a {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.wrapper .list-container .catalog-pictrue .column .cata-title a::after {
  content: ">>";
  font-size: 14px;
  font-family: serif;
  font-weight: bold;
}

.wrapper .list-container .catalog-pictrue .column .cata-card {
  padding: 20px 20px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}

.wrapper .list-container .catalog-pictrue .column .item {
  width: 332px;
  margin-right: 20px;
  margin-bottom: 20px;
}

.wrapper .list-container .catalog-pictrue .column .item img {
  height: 192px;
}

.wrapper .list-container .catalog-pictrue .column .item p {
  text-align: center;
  font-size: 16px;
  line-height: 40px;
}

.wrapper .list-container .catalog-pictrue .column .item:nth-child(3n) {
  margin-right: 0;
}

.wrapper .list-container .catalog-pictrue .column.file a {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.wrapper .list-container .catalog-pictrue .column.file .cata-card {
  padding: 10px 0;
  display: block;
}

.wrapper .list-container .catalog-pictrue .column.file .item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 20px;
  font-size: 16px;
  line-height: 52px;
  margin-right: 0;
  margin-bottom: 0;
}

.wrapper .list-container .catalog-pictrue .column.file .item p {
  line-height: 52px;
  margin-right: auto;
  width: 800px;
  text-align: left;
}

.wrapper .list-container .catalog-pictrue .column.file .item a {
  border-bottom: 1px solid #e1e1e1;
}

.wrapper .list-container .catalog-pictrue .column.file .item span {
  font-size: 14px;
  color: #8c8c8c;
}

.wrapper .list-container .catalog-pictrue .column.file .item a::before {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  background-color: red;
  border-radius: 100%;
  margin-right: 14px;
}

.wrapper .list-container .catalog-pictrue .column.file .item:last-child a {
  border: none;
}

.wrapper .list-container .recommend {
  width: 370px;
  margin-top: -52px;
}

.wrapper .list-container .recommend .news-tit {
  padding-bottom: 10px;
  margin-bottom: 8px;
  border-bottom: 1px solid #e5e5e5;
}

.wrapper .list-container .recommend .news-tit img {
  width: 30px;
  cursor: pointer;
}

.wrapper .list-container .recommend .recommend-item {
  padding: 12px 0;
  border-bottom: 1px solid #e5e5e5;
}

.wrapper .list-container .recommend .recommend-item a {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.wrapper .list-container .recommend .recommend-item .pic {
  width: 95px;
  height: 65px;
}

.wrapper .list-container .recommend .recommend-item .con {
  width: 260px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: justify;
      align-content: space-between;
}

.wrapper .list-container .recommend .recommend-item .con h6 {
  font-size: 16px;
  line-height: 20px;
  height: 40px;
  font-weight: 500;
  color: #454545;
}

.wrapper .list-container .recommend .recommend-item .con .btm {
  width: 100%;
  line-height: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.wrapper .list-container .recommend .recommend-item .con .btm .source {
  height: 18px;
  border: 1px solid #f52b2b;
  border-radius: 10px;
  color: #f52b2b;
  padding: 0 6px;
  max-width: 50%;
}

.wrapper .list-container .recommend .recommend-item .con .btm .date {
  margin: 0;
  line-height: 18px;
}

.wrapper .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.wrapper .content .article {
  width: 1010px;
}

.wrapper .content .article .article-title {
  font-size: 28px;
  line-height: 1.5;
  color: #333;
  font-weight: 500;
  text-align: center;
}

.wrapper .content .article .article-source {
  margin-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 14px;
  font-size: 14px;
  color: #555;
  line-height: 20px;
  border-bottom: 1px solid #e5e5e5;
}

.wrapper .content .article .article-source .left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.wrapper .content .article .article-source .source {
  max-width: 400px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-right: 30px;
}

.wrapper .content .article .article-source .source a,
.wrapper .content .article .article-source .source span {
  display: inline-block;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.wrapper .content .article .article-source .edit {
  max-width: 300px;
  margin-right: 30px;
}

.wrapper .content .article .article-text {
  overflow: hidden;
  position: relative;
  padding: 0 20px 40px;
  font-size: 16px;
}

.wrapper .content .article .article-text .abstract {
  margin: 30px 0;
  padding: 14px 18px;
  background: #f6f6f6;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 500;
  text-align: justify;
  color: #222222;
  line-height: 30px;
  text-indent: 2em;
}

.wrapper .content .article .article-text img {
  display: block;
  max-width: 100%;
  margin: 20px auto;
}

.wrapper .content .article .article-text video {
  display: block;
  margin: 20px auto;
  max-width: 100%;
}

.wrapper .content .article .article-text p {
  font-size: 16px;
  text-align: justify;
  color: #222222;
  line-height: 2;
  text-indent: 2em;
  margin: 30px 0;
}

.wrapper .content .article .article-text p + h5 {
  margin-bottom: 0;
}

.wrapper .content .article .article-text h1,
.wrapper .content .article .article-text h2,
.wrapper .content .article .article-text h3,
.wrapper .content .article .article-text h4,
.wrapper .content .article .article-text h5,
.wrapper .content .article .article-text h6 {
  margin: 30px 0;
  line-height: normal;
}

.wrapper .content .article .article-text h4 {
  line-height: 24px;
  font-size: 16px;
  position: relative;
  color: #800000;
  font-weight: bold;
}

.wrapper .content .article .article-text h5 {
  font-size: 14px;
  margin: 10px 0;
  color: #808080;
}

.wrapper .content .article .article-tools {
  height: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 20px;
}

.wrapper .content .article .article-tools .tools__left,
.wrapper .content .article .article-tools .tools__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
}

.wrapper .content .article .article-tools .tools__left p {
  font-size: 16px;
  font-weight: 500;
  color: #222222;
  line-height: 25px;
}

.wrapper .content .article .article-tools div {
  cursor: pointer;
  margin-left: 25px;
  position: relative;
}

.wrapper .content .article .article-tools div img.s {
  display: none;
}

.wrapper .content .article .article-tools div .tools-qrcode {
  width: 120px;
  height: 120px;
  display: none;
  z-index: 99;
  position: absolute;
  top: 36px;
  left: -78px;
  border: 5px solid #fff;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  border-radius: 6px;
}

.wrapper .content .article .article-tools div .tools-qrcode canvas {
  width: 100%;
}

.wrapper .content .article .article-relation {
  margin: 25px 0;
}

.wrapper .content .article .article-relation .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.wrapper .content .article .article-relation .title h4 {
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  color: #222;
  line-height: 22px;
}

.wrapper .content .article .article-relation .item + .item {
  border-top: 1px solid #e5e5e5;
}

.wrapper .content .article .article-relation .item {
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 22px 0;
}

.wrapper .content .article .article-relation .item .pic {
  width: 180px;
  height: 126px;
  overflow: hidden;
  border-radius: 4px;
  margin-right: 20px;
}

.wrapper .content .article .article-relation .item .pic img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.wrapper .content .article .article-relation .item .pic img:hover {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

.wrapper .content .article .article-relation .item .con {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}

.wrapper .content .article .article-relation .item .con .tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 3px;
}

.wrapper .content .article .article-relation .item .con .tit h6 {
  line-height: 28px;
  font-size: 18px;
  font-weight: 500;
  color: #222222;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.wrapper .content .article .article-relation .item .con .tit h6 span {
  float: left;
  display: block;
  text-align: center;
  min-width: 40px;
  padding: 0 16px;
  height: 22px;
  line-height: 22px;
  background: linear-gradient(-72deg, #ffa08a 0%, #f42324 100%);
  border-radius: 20px;
  margin-right: 10px;
  margin-top: 4px;
  font-size: 16px;
  color: #ffffff;
}

.wrapper .content .article .article-relation .item .con p {
  font-size: 14px;
  text-align: justify;
  color: #7d7c7c;
  line-height: 25px;
  margin: 10px 0;
}

.wrapper .content .article .article-relation .item .con .btm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 12px;
  color: #7d7c7c;
  line-height: 25px;
}

.wrapper .content .side {
  width: 452px;
  margin-top: -52px;
}

.wrapper .content .side .adimg {
  display: block;
  width: 100%;
  height: 200px;
  margin-bottom: 30px;
}

.wrapper .content .side .adimg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.wrapper .content .side .news-tit img {
  width: 30px;
  cursor: pointer;
}

.wrapper .content .side .hot-list,
.wrapper .content .side .rec-list,
.wrapper .content .side .video-list {
  margin-bottom: 30px;
}

.wrapper .content .side .hot-list .con,
.wrapper .content .side .rec-list .con {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 65px;
}

.wrapper .content .side .hot-list .pic,
.wrapper .content .side .rec-list .pic {
  width: 95px;
  height: 65px;
  overflow: hidden;
  border-radius: 4px;
}

.wrapper .content .side .hot-list .pic img,
.wrapper .content .side .rec-list .pic img {
  display: block;
  width: 95px;
  height: 65px;
  -o-object-fit: cover;
     object-fit: cover;
}

.wrapper .content .side .hot-list .text p,
.wrapper .content .side .rec-list .text p {
  font-size: 16px;
  font-weight: 500;
  text-align: justify;
  color: #454545;
  line-height: 20px;
}

.wrapper .content .side .hot-list .text .date,
.wrapper .content .side .rec-list .text .date {
  font-size: 12px;
  color: #7d7c7c;
  line-height: 16px;
  margin-top: 6px;
}

.wrapper .content .side .hot-list .major {
  padding: 14px 0;
  border-bottom: 1px solid #e5e5e5;
}

.wrapper .content .side .hot-list .major .pic {
  position: relative;
}

.wrapper .content .side .hot-list .major .pic .num {
  position: absolute;
  font-size: 12px;
  font-weight: 600;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  background: #144ac8;
  text-align: center;
  line-height: 18px;
  color: #fff;
  border-radius: 4px 0 4px 0;
}

.wrapper .content .side .hot-list .major .text {
  width: 210px;
}

.wrapper .content .side .hot-list .major:nth-child(2) .num {
  background: #ff7400;
}

.wrapper .content .side .hot-list .major:nth-child(3) .num {
  background: #ffd300;
}

.wrapper .content .side .hot-list .unimpor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 15px;
}

.wrapper .content .side .hot-list .unimpor:nth-child(1) .num {
  background: #144ac8;
  color: #fff;
}

.wrapper .content .side .hot-list .unimpor:nth-child(2) .num {
  background: #ff7400;
  color: #fff;
}

.wrapper .content .side .hot-list .unimpor:nth-child(3) .num {
  background: #ffd300;
  color: #fff;
}

.wrapper .content .side .hot-list .unimpor a {
  display: block;
  width: 100%;
}

.wrapper .content .side .hot-list .unimpor p {
  font-size: 16px;
  color: #454545;
  line-height: 24px;
  padding-left: 30px;
  position: relative;
}

.wrapper .content .side .hot-list .unimpor p .num {
  position: absolute;
  top: 4px;
  left: 0;
  display: block;
  font-size: 12px;
  width: 18px;
  height: 18px;
  background: #e5e5e5;
  border-radius: 2px;
  color: #9e9e9e;
  text-align: center;
  line-height: 18px;
}

.wrapper .content .side .rec-list ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 14px 0;
  border-bottom: 1px solid #e5e5e5;
}

.wrapper .content .side .rec-list ul li a {
  display: block;
  width: 100%;
}

.wrapper .content .side .rec-list ul li .text {
  width: 340px;
}

.wrapper .content .side .rec-list ul li .text .btm {
  margin-top: 4px;
  line-height: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-item-align: center;
      align-self: center;
}

.wrapper .content .side .rec-list ul li .text .btm .source {
  height: 18px;
  border: 1px solid #f52b2b;
  border-radius: 10px;
  color: #f52b2b;
  padding: 0 6px;
  max-width: 40%;
}

.wrapper .content .side .rec-list ul li .text .btm .date {
  margin: 0;
  line-height: 18px;
}

.wrapper .content .side .video-list ul li {
  padding: 14px 0;
  border-bottom: 1px solid #e5e5e5;
}

.wrapper .content .side .video-list ul li .pic {
  width: 100%;
  height: 300px;
  position: relative;
  overflow: hidden;
  border-radius: 4px;
}

.wrapper .content .side .video-list ul li .pic .play {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 57px;
  height: 54px;
  background: url("../images/play.png") no-repeat center center;
}

.wrapper .content .side .video-list ul li .pic img {
  display: block;
  width: 100%;
  height: 300px;
  -o-object-fit: cover;
     object-fit: cover;
}

.wrapper .content .side .video-list ul li h6 {
  font-size: 16px;
  font-weight: 500;
  color: #454545;
  position: relative;
  line-height: 22px;
  margin: 10px 0;
}

.wrapper .content .side .video-list ul li .btm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #7d7c7c;
  line-height: 12px;
}

.wrapper .content .side .video-list ul li .btm .date {
  margin-right: 30px;
}

.wrapper .content .side .video-list ul li .btm .source {
  max-width: 200px;
}

.wrapper .content .side .weibo-container {
  width: 100%;
}

.wrapper .video-content .video-box {
  margin-top: 30px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.wrapper .video-content .video-box .video {
  width: 1080px;
  height: 496px;
  background: #000;
}

.wrapper .video-content .video-box .video video {
  width: 100%;
  height: 100%;
}

.wrapper .video-content .video-box .v-hot-list {
  width: 370px;
  height: 496px;
  background: #fff;
  overflow: hidden;
}

.wrapper .video-content .video-box .v-hot-list .v-hot-list-tit {
  display: inline-block;
  font-family: "fzgyhjt";
  font-size: 26px;
  line-height: 46px;
  color: #f52b2b;
  border-bottom: 2px solid #f52b2b;
  margin-bottom: 20px;
}

.wrapper .video-content .video-box .v-hot-list .item {
  margin-bottom: 19px;
}

.wrapper .video-content .video-box .v-hot-list .item .con {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.wrapper .video-content .video-box .v-hot-list .item .con .pic {
  width: 120px;
  height: 68px;
  border-radius: 4px;
  overflow: hidden;
}

.wrapper .video-content .video-box .v-hot-list .item .con .brief {
  width: 230px;
}

.wrapper .video-content .video-box .v-hot-list .item .con .brief p {
  font-size: 14px;
  line-height: 20px;
  color: #3d3d3d;
  text-align: justify;
}

.wrapper .video-content .video-box .v-hot-list .item .con .brief .source {
  margin-top: 6px;
  font-size: 14px;
  color: #8b8b8b;
}

.wrapper .video-content .video-info {
  width: 1080px;
}

.wrapper .video-content .video-info .video-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 16px 0;
}

.wrapper .video-content .video-info .video-title h6 {
  width: 1020px;
  font-size: 20px;
  line-height: 26px;
  font-weight: 500;
  color: #434343;
}

.wrapper .video-content .video-info .video-title .tools {
  height: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.wrapper .video-content .video-info .video-title .tools div {
  cursor: pointer;
  margin-left: 26px;
  position: relative;
}

.wrapper .video-content .video-info .video-title .tools div img.s {
  display: none;
}

.wrapper .video-content .video-info .video-title .tools div .tools-qrcode {
  width: 120px;
  height: 120px;
  display: none;
  z-index: 99;
  position: absolute;
  top: 36px;
  left: -78px;
  border: 5px solid #fff;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  border-radius: 6px;
}

.wrapper .video-content .video-info .video-title .tools div .tools-qrcode canvas {
  width: 100%;
}

.wrapper .video-content .video-info .btm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  line-height: 16px;
  color: #555;
}

.wrapper .video-content .video-info .btm .source {
  margin-right: 34px;
}

.wrapper .video-content .video-info .btm .source a {
  color: #555;
}

.wrapper .video-content .video-info .video-brief {
  background: rgba(0, 0, 0, 0.03);
  border-radius: 6px;
  color: #b0b0b0;
  margin: 25px 0;
  padding: 20px;
  text-align: justify;
  font-size: 14px;
  line-height: 25px;
}

.wrapper .video-content .video-recommend {
  width: 1420px;
  margin: 60px auto 0;
}

.wrapper .video-content .video-recommend .rec-title {
  font-size: 20px;
  line-height: 28px;
  color: #f52b2b;
  position: relative;
  padding-left: 10px;
  font-family: "fzgyhjt";
}

.wrapper .video-content .video-recommend .rec-title::before {
  content: "";
  width: 4px;
  height: 24px;
  background: #f52b2b;
  border-radius: 2px;
  position: absolute;
  left: 0;
  top: 0;
}

.wrapper .video-content .video-recommend .rec-slider {
  margin-top: 22px;
  position: relative;
}

.wrapper .video-content .video-recommend .rec-slider .swiper-container .swiper-slide {
  width: 225px;
  border-radius: 4px;
  overflow: hidden;
}

.wrapper .video-content .video-recommend .rec-slider .swiper-container .swiper-slide .pic {
  width: 100%;
  height: 126px;
  overflow: hidden;
}

.wrapper .video-content .video-recommend .rec-slider .swiper-container .swiper-slide .con {
  padding: 6px 14px 12px;
  background: #f1f1f1;
  border-radius: 0 0 4px 4px;
}

.wrapper .video-content .video-recommend .rec-slider .swiper-container .swiper-slide p {
  height: 50px;
  line-height: 25px;
  text-align: justify;
}

.wrapper .video-content .video-recommend .rec-slider .swiper-container .swiper-slide p a {
  font-size: 14px;
  color: #7d7c7c;
}

.wrapper .video-content .video-recommend .rec-slider .swiper-container .swiper-slide .btm {
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 14px;
  color: #7d7c7c;
  line-height: 18px;
}

.wrapper .video-content .video-recommend .rec-slider .swiper-container .swiper-slide .btm .source {
  max-width: 50%;
}

.wrapper .video-content .video-recommend .rec-slider .swiper-container .swiper-slide .btm .share {
  position: relative;
}

.wrapper .video-content .video-recommend .rec-slider .swiper-container .swiper-slide .btm .share img {
  cursor: pointer;
  display: inline-block;
  width: 22px;
  margin-left: 14px;
}

.wrapper .video-content .video-recommend .rec-slider .swiper-button-next,
.wrapper .video-content .video-recommend .rec-slider .swiper-button-prev {
  width: 15px;
  height: 30px;
  color: #f00;
  z-index: 1;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin-top: 0;
}

.wrapper .video-content .video-recommend .rec-slider .swiper-button-next::after,
.wrapper .video-content .video-recommend .rec-slider .swiper-button-prev::after {
  font-size: 32px;
}

.wrapper .video-content .video-recommend .rec-slider .swiper-button-prev {
  left: -30px;
}

.wrapper .video-content .video-recommend .rec-slider .swiper-button-next {
  right: -30px;
}

.wrapper .video-content .video-recommend .rec-slider .recommend-wechat-drop {
  width: 120px;
  height: 120px;
  display: none;
  z-index: 99;
  position: absolute;
  left: 0;
  bottom: 20px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border: 5px solid #fff;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  border-radius: 6px;
}

.wrapper .video-content .video-recommend .rec-slider .recommend-wechat-drop img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
}

.wap-list-container {
  width: 100%;
}

.wap-list-container .top {
  background: #fff;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 13.33333vw;
}

.wap-list-container .top .tag {
  width: 22%;
  height: 13.33333vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

.wap-list-container .top .tag img {
  display: block;
  width: 4.26667vw;
  height: 3.33333vw;
  margin-left: 3.2vw;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transition-delay: 0;
          transition-delay: 0;
}

.wap-list-container .top .tag span {
  font-size: 3.73333vw;
  line-height: 3.73333vw;
  color: #f52c2b;
}

.wap-list-container .top .tag.active img {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}

.wap-list-container .top .tit {
  width: 78%;
  height: 13.33333vw;
  line-height: 13.33333vw;
  font-size: 3.73333vw;
  color: #aaaaaa;
  text-align: center;
}

.wap-list-container .list-con {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #f5f5f5;
  width: 100%;
  height: 100%;
}

.wap-list-container .list-con .side {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 22%;
  height: calc(100vh - 13.33333vw - 20.53333vw);
  -webkit-transition: width 0.3s;
  transition: width 0.3s;
  overflow: hidden;
}

.wap-list-container .list-con .side .swiper-container {
  background: #f5f5f5;
  height: 100%;
}

.wap-list-container .list-con .side .swiper-container .swiper-slide {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 10.13333vw;
  line-height: 10.13333vw;
  font-size: 3.46667vw;
  text-align: center;
  border-bottom: 1px solid #fff;
}

.wap-list-container .list-con .side .swiper-container .swiper-slide a {
  color: #aaaaaa;
}

.wap-list-container .list-con .side .swiper-container .swiper-slide.selected a {
  color: #f52c2b;
}

.wap-list-container .list-con .content {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 78%;
  height: calc(100vh - 13.33333vw - 20.53333vw);
  overflow-y: auto;
  padding-bottom: 8vw;
  padding: 3.2vw 3.73333vw;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  background: #fff;
}

.wap-list-container .list-con .content .column {
  overflow: hidden;
  margin-bottom: 4vw;
}

.wap-list-container .list-con .content .column .item {
  width: 100%;
  margin-bottom: 4vw;
}

.wap-list-container .list-con .content .column .item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}

.wap-list-container .list-con .content .column .item.no-image .con {
  width: 100% !important;
}

.wap-list-container .list-con .content .column .item .pic {
  width: 20.26667vw;
  height: 11.46667vw;
  background: #bfbfbf;
  border-radius: 4px;
}

.wap-list-container .list-con .content .column .item .pic img {
  display: block;
  width: 20.26667vw;
  height: 11.46667vw;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
}

.wap-list-container .list-con .content .column .item .con {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 2.66667vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.wap-list-container .list-con .content .column .item .con h6 {
  text-align: justify;
  font-weight: normal;
  font-size: 3.73333vw;
  color: #303133;
  line-height: 4.8vw;
  overflow: hidden;
  width: 80%;
}

.wap-list-container .list-con .content .column .item .con .date {
  width: 20%;
  text-align: right;
  font-size: 3.73333vw;
  color: #8c8c8c;
}

.wap-list-container .list-con .content .list-more {
  margin: 0 auto;
  text-align: center;
  width: 40vw;
  height: 6.4vw;
  line-height: 6.4vw;
  font-size: 3.2vw;
  color: #ffffff;
  letter-spacing: 1px;
  background: -webkit-gradient(linear, left top, left bottom, from(#f52b2b), to(#7a96c8));
  background: linear-gradient(#f52b2b 0%, #7a96c8 100%);
  border-radius: 5.33333vw;
}

.wap-list-container .list-con.hide .side {
  width: 0 !important;
}

.wap-list-container .list-con.hide .content {
  width: 100% !important;
}

.wap-content {
  padding: 0 3.33333vw 3.33333vw;
  border-bottom: 1px solid #eee;
}

.wap-content .news-tit {
  margin: 5.06667vw 0 4.26667vw;
}

.wap-content .news-tit span {
  font-size: 5.33333vw;
  line-height: 5.33333vw;
}

.wap-content .top {
  padding-top: 6.4vw;
  padding-bottom: 3.2vw;
  border-bottom: 0.26667vw solid #ededed;
  margin-bottom: 4.66667vw;
}

.wap-content .top .title {
  text-align: justify;
  font-size: 5.33333vw;
  color: #303133;
  line-height: 7.46667vw;
  font-weight: 700;
}

.wap-content .top .whole {
  padding-left: 3.2vw;
  position: relative;
}

.wap-content .top .whole::before {
  content: "";
  display: block;
  width: 1.06667vw;
  height: 6.93333vw;
  background: #ff0000;
  position: absolute;
  top: 0.53333vw;
  left: 0;
}

.wap-content .top .tools {
  width: 100%;
  height: 6.4vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.wap-content .top .tools img {
  display: block;
  width: 100%;
}

.wap-content .top .tools .weibo {
  width: 6.66667vw;
  height: 5.6vw;
}

.wap-content .top .tools .app-down {
  margin-left: 5.6vw;
  width: 6.4vw;
  height: 5.6vw;
}

.wap-content .top .tools .wechat {
  margin-left: 5.6vw;
  width: 6.66667vw;
  height: 5.6vw;
}

.wap-content .top .tools .picture {
  margin-left: 5.6vw;
  width: 5.33333vw;
  height: 5.33333vw;
}

.wap-content .top .tools .date {
  font-size: 3.2vw;
  color: #aaaaaa;
  line-height: 4.26667vw;
  margin-right: auto;
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.wap-content .top .info {
  margin-top: 3.73333vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 3.2vw;
  color: #aaaaaa;
  line-height: 4.26667vw;
}

.wap-content .top .info .source {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 70%;
  margin-right: 4.8vw;
}

.wap-content .top .info .source a {
  color: #ff0000;
}

.wap-content .top .info .date {
  margin-left: auto;
}

.wap-content .top .brief {
  width: 93%;
  font-size: 3.2vw;
  text-align: justify;
  color: #868686;
  line-height: 5.33333vw;
  background: rgba(229, 229, 229, 0.24);
  border-radius: 6px;
  padding: 2.66667vw;
  margin: 4vw auto;
}

.wap-content .text {
  overflow: hidden;
  width: 100%;
  position: relative;
  margin-bottom: 10.66667vw;
  font-size: 4.26667vw;
  border-bottom: 1px solid #e5e5e5;
}

.wap-content .text .abstract {
  padding: 2.13333vw 8vw;
  font-size: 4.26667vw;
  text-align: justify;
  color: #606266;
  line-height: 7.73333vw;
  position: relative;
}

.wap-content .text .abstract::before, .wap-content .text .abstract::after {
  content: "";
  display: block;
  width: 6.26667vw;
  height: 5.06667vw;
  position: absolute;
  background-size: contain !important;
}

.wap-content .text .abstract::before {
  background: url("../images/abstract-l.png") no-repeat;
  top: 0;
  left: 0;
}

.wap-content .text .abstract::after {
  background: url("../images/abstract-r.png") no-repeat;
  bottom: 0;
  right: 0;
}

.wap-content .text p {
  font-size: 4.26667vw;
  text-align: justify;
  color: #606266;
  line-height: 2;
  text-indent: 2em;
  margin: 7.73333vw 0;
}

.wap-content .text p:first-child {
  margin-top: 0;
}

.wap-content .text h4 {
  text-indent: 3.2vw;
  font-size: 4.8vw;
  color: #606266;
  line-height: 7.73333vw;
  position: relative;
  margin: 7.73333vw 0;
}

.wap-content .text h4::before {
  content: "";
  display: block;
  width: 1.06667vw;
  height: 5.86667vw;
  background: #ff0000;
  position: absolute;
  top: 1.06667vw;
  left: 0;
}

.wap-content .text h5 {
  color: #808080;
}

.wap-content .text video {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 7.73333vw auto;
}

.wap-content .text img {
  max-width: 100%;
  display: block;
  margin: 2.66667vw auto;
  padding: 1.6vw 0;
}

.wap-content .recommend {
  width: 100%;
}

.wap-content .recommend ul li {
  margin-bottom: 4.53333vw;
}

.wap-content .recommend ul li a {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.wap-content .recommend ul li .pic {
  width: 29.6vw;
  height: 16.8vw;
  position: relative;
  margin-right: 3vw;
}

.wap-content .recommend ul li .pic img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
}

.wap-content .recommend ul li .pic .play {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  background: url("../images/play.png") no-repeat center center;
  background-size: 5.33333vw 6.66667vw;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.wap-content .recommend ul li .con {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: center;
      align-content: center;
}

.wap-content .recommend ul li .con h6 {
  font-weight: normal;
  font-size: 4vw;
  color: #303133;
  line-height: 4.8vw;
  overflow: hidden;
}

.wap-content .recommend ul li .con .btm {
  width: 100%;
  margin-top: 1.33333vw;
  font-size: 3.2vw;
  color: #aaaaaa;
  line-height: 5.33333vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.wap-content .recommend ul li .con .btm .source {
  max-width: 50%;
  line-height: 5.33333vw;
}

.wap-content .recommend ul li .con .btm .app-open {
  width: 24.8vw;
  height: 5.33333vw;
  font-size: 3.2vw;
  color: #ffffff;
  line-height: 5.33333vw;
  border: 0.26667vw solid #ff0000;
  border-radius: 0.8vw;
  font-weight: 400;
  color: #fe0000;
  text-align: center;
}

.wap-content .recommend .video {
  width: 100%;
  height: 52.8vw;
  background: #bfbfbf;
  border-radius: 0.53333vw;
  margin-bottom: 4.53333vw;
  overflow: hidden;
  position: relative;
}

.wap-content .recommend .video img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.wap-content .recommend .video .play {
  width: 15.2vw;
  height: 14.4vw;
  background: url("../images/play.png") no-repeat center center;
  background-size: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.wap-content .recommend .video p {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 3.33333vw;
  width: 100%;
  position: absolute;
  font-size: 3.73333vw;
  color: #ffffff;
  bottom: 0;
  line-height: 9.06667vw;
  padding: 5.33333vw 2.4vw 0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.5)));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
}

.wap-content .slider .swiper-slide {
  width: 42.66667vw;
  height: 24.8vw;
  position: relative;
}

.wap-content .slider .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
}

.wap-content .slider .swiper-slide p {
  padding: 5.33333vw 2.4vw 0;
  width: 37.86667vw;
  position: absolute;
  bottom: 0;
  font-size: 3.2vw;
  color: #ffffff;
  line-height: 6.4vw;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.5)));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
}

.h2c {
  overflow: hidden;
  position: fixed;
  z-index: 2;
  left: -1000%;
  top: 0;
  width: 310px;
  background: #fff;
  padding-bottom: 15px;
}

.h2c .h2c-banner {
  width: 100%;
  height: 200px;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  position: relative;
  background-color: #fff;
}

.h2c .h2c-banner::after {
  content: "";
  display: block;
  width: 100%;
  height: 202px;
  position: absolute;
  bottom: -2px;
  left: 0;
  background: transparent url("../images/h2c-banner-bg.png") no-repeat center bottom;
  background-size: 102% 102%;
}

.h2c .h2c-banner.normal {
  display: none;
}

.h2c .h2c-wrap {
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  width: 90%;
  margin: -50px auto 0;
  -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.6);
          box-shadow: 0 0 12px rgba(0, 0, 0, 0.6);
  padding: 20px 15px 15px;
}

.h2c .h2c-wrap img {
  display: block;
}

.h2c .h2c-wrap .h2c-date {
  font-size: 20px;
  line-height: 24px;
}

.h2c .h2c-wrap .h2c-title {
  font-size: 20px;
  line-height: 24px;
  color: #2f2f2f;
  font-weight: 700;
  text-align: justify;
  margin-top: 20px;
}

.h2c .h2c-wrap .h2c-con {
  margin-top: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.h2c .h2c-wrap .h2c-con .logo img {
  width: 110px;
  display: block;
}

.h2c .h2c-wrap .h2c-qr .h2c-qrcode {
  margin: 0 auto;
  display: block;
  width: 60px;
  height: 60px;
  border: 4px solid #fff;
  border-radius: 4px;
}

.h2c .h2c-wrap .h2c-qr .h2c-qrcode img,
.h2c .h2c-wrap .h2c-qr .h2c-qrcode canvas {
  width: 100%;
}

.h2c .h2c-wrap .h2c-qr p {
  text-align: center;
  font-size: 12px;
  color: #7d7d7d;
}

.model-fixed {
  display: none;
  width: 310px;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 9999;
  border-radius: 4px;
  background: #fff;
}

.model-fixed .model-content {
  position: relative;
  padding-bottom: 15px;
}

.model-fixed .model-content .h2c-close {
  width: 15px;
  height: 15px;
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
}

.model-fixed .model-content p {
  position: absolute;
  bottom: 10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-size: 12px;
  color: #3159b6;
  cursor: pointer;
}

.model-fixed img {
  max-width: 100%;
}

.model-mask {
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 9998;
}

@media screen and (min-width: 1199px) and (max-width: 1601px) {
  .main .top {
    width: 1200px;
  }
  .main .banner {
    width: 826px;
  }
  .main .creation {
    width: 826px;
  }
  .main .creation .creation-tab {
    width: 130px;
  }
  .main .creation .creation-tab .item {
    text-indent: 42px;
    background-position: 18px center;
  }
  .main .creation .creation-wrap {
    width: 646px;
  }
  .main .creation .creation-wrap .creation-list {
    width: 310px;
  }
  .main .practice {
    width: 826px;
  }
  .main .practice .column .group {
    width: 400px;
  }
  .main .practice .list .hot {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .main .practice .list .hot .con {
    width: 240px;
  }
  .main .yindaojijin {
    width: 826px;
  }
  .main .yindaojijin .group {
    width: 400px;
  }
  .main .peiyu {
    width: 826px;
  }
  .main .peiyu .column {
    width: 826px;
  }
  .main .peiyu .item {
    width: 400px;
  }
  .main .peiyu .item .con {
    margin-left: 16px;
    width: 290px;
  }
  .main .celebrity {
    width: 826px;
  }
  .main .celebrity .celebrity-tabs .item span {
    font-size: 13px;
  }
  .main .celebrity .celebrity-wrap {
    width: 766px;
    padding: 30px 30px 0;
  }
  .main .celebrity .celebrity-con {
    width: 766px;
  }
  .main .district {
    width: 826px;
  }
  .main .district .district-tab .card {
    width: 694px;
    padding: 10px 10px;
  }
  .main .district .district-tab .item {
    width: 84px;
  }
  .main .district .district-wrap .district-con .list {
    width: 400px;
  }
  .main .database {
    width: 352px;
  }
  .main .database .database-imgs img {
    width: 170px;
  }
  .main .database .database-video {
    width: 352px;
  }
  .main .matrix {
    width: 826px;
  }
  .main .matrix .matrix-list .item {
    width: 121px;
  }
  .main .matrix .matrix-list .card {
    width: 262px;
    padding: 16px 16px;
  }
  .main .matrix .matrix-list .card .text {
    width: 130px;
  }
  .main .matrix .matrix-list .card .text p {
    letter-spacing: 1px;
  }
  .main .important-news,
  .main .notice,
  .main .comment,
  .main .views {
    width: 352px;
  }
  .main .entrance {
    width: 352px;
  }
  .main .entrance .item {
    padding-left: 40px;
  }
  .main .special {
    width: 1140px;
  }
  .main .special .special-wrap {
    width: 100%;
  }
  .main .special-1 {
    height: 70px;
  }
  .main .special-2 {
    height: 214px;
  }
  .wrapper .content .article {
    width: 860px;
  }
  .wrapper .content .side {
    width: 302px;
  }
  .wrapper .content .side .rec-list ul li .text {
    width: 190px;
  }
  .wrapper .content .side .video-list ul li .pic {
    height: 200px;
  }
  .wrapper .list-container .recommend {
    width: 280px;
  }
  .wrapper .list-container .recommend .recommend-item .con {
    width: 170px;
  }
  .wrapper .list-container .catalog-items {
    width: 900px;
  }
  .wrapper .list-container .catalog-items .column .item p {
    width: 720px;
  }
  .wrapper .list-container .catalog-pictrue {
    width: 900px;
  }
  .wrapper .list-container .catalog-pictrue .column .item {
    width: 272px;
  }
  .wrapper .list-container .catalog-pictrue .column .item img {
    height: 192px;
  }
  .wrapper .list-container .catalog-pictrue .column.file .item {
    width: 100%;
    margin-right: 0;
    margin-bottom: 0;
  }
  .wrapper .list-container .catalog-pictrue .column.file .item p {
    width: 720px;
    margin-right: auto;
    text-align: left;
  }
  .wrapper .list-container .pictrue-items {
    width: 900px;
  }
  .wrapper .list-container .pictrue-items .item {
    width: 280px;
  }
  .wrapper .list-container .pictrue-items .item img {
    height: 160px;
  }
  .wrapper .video-content .video-box .video {
    width: 900px;
  }
  .wrapper .video-content .video-box .v-hot-list {
    width: 280px;
  }
  .wrapper .video-content .video-box .v-hot-list .item .con .pic {
    width: 100px;
  }
  .wrapper .video-content .video-box .v-hot-list .item .con .brief {
    width: 168px;
  }
  .wrapper .video-content .video-info {
    width: 900px;
  }
  .wrapper .video-content .video-info .video-title h6 {
    width: 100%;
  }
  .wrapper .video-content .video-recommend {
    width: 1120px;
  }
  .fixed-sidebar {
    margin-right: -680px;
  }
}

@media screen and (max-width: 768px) {
  .main.home {
    padding: 0;
    background: none;
  }
  .main {
    padding: 0;
    background-color: #fff;
    background-image: none;
  }
  .main .news-tit {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .main .news-tit span {
    font-size: 6.13333vw;
    line-height: 6.13333vw;
  }
  .main .news-tit a {
    font-size: 3.73333vw;
  }
  .main .top {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    padding: 4.26667vw 3.73333vw;
    margin: 0;
  }
  .main .top .headlines {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .main .top .headlines a {
    font-size: 5.33333vw;
    line-height: 1.5;
    color: #f42626;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    white-space: normal;
  }
  .main .top p {
    display: none;
  }
  .main .banner {
    width: 100%;
    height: 50.93333vw;
  }
  .main .banner .swiper-slide p {
    font-size: 3.73333vw;
    padding: 6.66667vw 3.73333vw;
  }
  .main .banner .swiper-pagination .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
  }
  .main .banner .swiper-button-prev,
  .main .banner .swiper-button-next {
    display: none;
  }
  .main .banner .swiper-pagination {
    bottom: 1.33333vw;
    text-align: center;
  }
  .main .important-news {
    width: 100%;
    height: auto;
  }
  .main .important-news .p0 {
    display: none;
  }
  .main .important-news .column {
    height: auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 5.33333vw 3.73333vw 2.66667vw;
  }
  .main .important-news .column:nth-child(2) {
    margin-top: 3.73333vw;
  }
  .main .important-news .list {
    height: 44.8vw;
    overflow: hidden;
  }
  .main .important-news .list p {
    font-size: 3.73333vw;
    height: 7.46667vw;
    line-height: 7.46667vw;
  }
  .main .important-news .list p span {
    font-size: 3.73333vw;
  }
  .main .special {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    padding: 0 7.46667vw;
  }
  .main .special .special-wrap {
    width: 100%;
  }
  .main .special .swiper-button-prev {
    left: 1.33333vw;
  }
  .main .special .swiper-button-next {
    right: 1.33333vw;
  }
  .main .special.special-1 {
    height: auto;
  }
  .main .creation {
    width: 100%;
  }
  .main .creation .news-tit {
    padding: 0 3.73333vw;
    margin: 4vw 0;
  }
  .main .creation .card {
    display: block;
    height: auto;
  }
  .main .creation .creation-tab {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .main .creation .creation-tab .item {
    height: 8.53333vw;
    line-height: 8.53333vw;
    width: 20%;
    font-size: 3.73333vw;
    text-indent: 0;
    text-align: center;
  }
  .main .creation .creation-tab .item:nth-child(n), .main .creation .creation-tab .item.active:nth-child(n) {
    background-image: none;
  }
  .main .creation .creation-tab .item.active {
    color: #fff;
    background-color: #f00;
  }
  .main .creation .creation-wrap {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 3.2vw 3.73333vw;
    background: none;
  }
  .main .creation .creation-wrap .creation-con {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .main .creation .creation-wrap .creation-imgs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: static;
    width: 100%;
    height: 16vw;
    margin-bottom: 4vw;
    margin-right: 0;
  }
  .main .creation .creation-wrap .creation-imgs a {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .main .creation .creation-wrap .creation-imgs img {
    width: 24vw;
    height: 16vw;
  }
  .main .creation .creation-wrap .creation-imgs p {
    text-indent: 0;
    padding: 0;
    width: 65.33333vw;
    position: static;
    background-image: none;
    color: #3b3b3b;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    white-space: normal;
    font-size: 3.73333vw;
    line-height: 4.8vw;
  }
  .main .creation .creation-wrap .creation-list {
    width: 100%;
  }
  .main .creation .creation-wrap .creation-list p {
    font-size: 3.73333vw;
    line-height: 7.46667vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .main .creation .creation-wrap .creation-list p::before {
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    background: #ff0000;
  }
  .main .creation .creation-wrap .creation-list p a {
    margin-left: 10px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: block;
  }
  .main .notice#notice-pc {
    display: none;
  }
  .main .notice#notice-wap {
    display: block;
  }
  .main .notice {
    width: 100%;
    height: auto;
  }
  .main .notice .news-tit {
    margin: 4vw 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 3.73333vw;
  }
  .main .notice .list {
    height: auto;
  }
  .main .notice .list p {
    font-size: 3.73333vw;
    line-height: 7.46667vw;
  }
  .main .notice .list p span {
    font-size: 3.73333vw;
  }
  .main .practice {
    width: 100%;
  }
  .main .practice .news-tit {
    margin: 4vw 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 3.73333vw;
  }
  .main .practice .column {
    display: block;
  }
  .main .practice .column .group {
    width: 100%;
    margin-bottom: 2.66667vw;
  }
  .main .practice .column .group .list {
    padding: 3.73333vw;
    height: auto;
  }
  .main .practice .column .group .list .hot {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .main .practice .column .group .list .hot img {
    width: 24vw;
    height: 16vw;
  }
  .main .practice .column .group .list .hot .con {
    background-color: #fff;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 65.33333vw;
    margin-left: 0;
  }
  .main .practice .column .group .list .hot .con p {
    font-size: 3.73333vw;
    line-height: 4.8vw;
  }
  .main .practice .column .group .list .hot .con p::before {
    display: none;
  }
  .main .practice .column .group .list > p {
    font-size: 3.73333vw;
    line-height: 7.46667vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .main .practice .column .group .list > p::before {
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    background: #ff0000;
  }
  .main .practice .column .group .list > p a {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-left: 10px;
  }
  .main .special-2 {
    display: none;
  }
  .main .entrance {
    display: none;
  }
  .main .yindaojijin {
    width: 100%;
    display: block;
  }
  .main .yindaojijin .group {
    width: 100%;
    margin-bottom: 2.66667vw;
  }
  .main .yindaojijin .news-tit {
    margin: 4vw 0;
    box-sizing: border-box;
    padding: 0 3.73333vw;
  }
  .main .yindaojijin .list p {
    font-size: 3.73333vw;
    line-height: 7.46667vw;
  }
  .main .peiyu {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 3.73333vw;
    width: 100%;
  }
  .main .peiyu .news-tit {
    margin: 4vw 0;
  }
  .main .peiyu .column {
    width: 100%;
    height: 84.26667vw;
    overflow: hidden;
  }
  .main .peiyu .item {
    width: 100%;
    height: 18.66667vw;
  }
  .main .peiyu .item img {
    width: 20%;
    height: 18.66667vw;
  }
  .main .peiyu .item .con {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 80%;
    height: 18.66667vw;
    padding: 1.6vw 2.13333vw;
    margin: 0;
  }
  .main .peiyu .item .con p {
    font-size: 3.73333vw;
    margin: 2.66667vw 0;
    line-height: 3.73333vw;
  }
  .main .peiyu .item + .item {
    margin-top: 3.2vw;
  }
  .main .comment#comment-pc {
    display: none;
  }
  .main .comment#comment-wap {
    display: block;
  }
  .main .comment {
    width: 100%;
    height: auto;
  }
  .main .comment .news-tit {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 3.73333vw;
    margin: 4vw 0;
  }
  .main .comment .list {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 1.6vw 3.73333vw;
    width: 100%;
    height: 48vw;
    overflow: hidden;
  }
  .main .comment .list p {
    font-size: 3.73333vw;
    height: 7.46667vw;
    line-height: 7.46667vw;
  }
  .main .celebrity {
    width: 100%;
  }
  .main .celebrity .news-tit {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 3.73333vw;
    margin: 4vw 0;
  }
  .main .celebrity .celebrity-tabs {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 6.13333vw;
    margin: 0 auto 4vw;
    padding: 0;
    position: static;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    flex-wrap: wrap;
    justify-content: space-evenly;
    height: auto;
    padding: 0 4vw;
  }
  .main .celebrity .celebrity-tabs .item {
    margin: 1vw 0;
    width: 32%;
    justify-content: center;
  }
  .main .celebrity .celebrity-tabs .item span {
    padding: 0 1.6vw;
    text-align: center;
    height: 6.13333vw;
    line-height: 6.13333vw;
    font-size: 3.2vw;
  }
  .main .celebrity .celebrity-tabs .item::before, .main .celebrity .celebrity-tabs .item::after {
    width: 0;
    height: 0;
    background-size: cover;
  }
  .main .celebrity .celebrity-wrap {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    padding: 7.46667vw 10.66667vw;
    background-size: cover;
    background-position: right;
  }
  .main .celebrity .celebrity-swiper {
    height: 0;
  }
  .main .celebrity .celebrity-con {
    width: 100%;
    height: 44.53333vw;
  }
  .main .celebrity .celebrity-con .swiper-slide {
    height: auto;
  }
  .main .celebrity .celebrity-con .swiper-slide::after {
    width: 100%;
    height: 28vw;
  }
  .main .celebrity .celebrity-con .swiper-slide a {
    width: 100%;
  }
  .main .celebrity .celebrity-con .swiper-slide a p {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 2vw;
    height: 6.66667vw;
    font-size: 3.46667vw;
    line-height: 6.66667vw;
    letter-spacing: 1px;
  }
  .main .celebrity .celebrity-con .swiper-slide a img {
    height: 44.53333vw;
  }
  .main .views {
    display: none;
    width: 100%;
  }
  .main .views .news-tit {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 3.73333vw;
    margin: 4vw 0;
  }
  .main .views .card {
    height: auto;
    padding: 2.66667vw 3.73333vw;
  }
  .main .views .card p {
    font-size: 3.46667vw;
    line-height: 9.06667vw;
    background-size: 7.2vw 8.53333vw;
  }
  .main .views .card p::before {
    margin-right: 2.66667vw;
    width: 7.2vw;
  }
  .main .matrix,
  .main .database {
    display: none;
  }
  .main .district {
    width: 100%;
  }
  .main .district .district-tab {
    display: block;
  }
  .main .district .district-tab .news-tit {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 3.73333vw;
    margin: 4vw 0;
  }
  .main .district .district-tab .card {
    width: 100%;
    padding: 1.33333vw 3.6vw;
  }
  .main .district .district-tab .card .item {
    width: 25%;
    padding: 1.6vw 0;
    font-size: 3.73333vw;
  }
  .main .district .district-tab .card .item.active {
    color: #fff;
    background: #f00;
  }
  .main .district .district-wrap {
    margin-top: 2.66667vw;
    height: auto;
  }
  .main .district .district-wrap .district-con .pic {
    display: none;
  }
  .main .district .district-wrap .district-con .list {
    width: 100%;
    height: auto;
    display: block;
  }
  .main .district .district-wrap .district-con .list .more {
    font-size: 3.73333vw;
    margin-bottom: 2.66667vw;
  }
  .main .district .district-wrap .district-con .list .card {
    padding: 2.66667vw 3.73333vw;
  }
  .main .district .district-wrap .district-con .list p {
    font-size: 3.73333vw;
    height: 7.46667vw;
    line-height: 7.46667vw;
  }
  .main .database {
    width: 100%;
    padding: 0 3.73333vw;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .main .database .news-tit {
    margin: 4vw 0;
  }
  .main .database .database-imgs a {
    display: block;
    width: 100%;
  }
  .main .database .database-imgs img {
    width: 96%;
    height: 58.66667vw;
  }
  .main .database .database-video {
    width: 100%;
    margin-top: 2.66667vw;
  }
  .main .database .database-video .pic {
    height: 53.33333vw;
  }
  .main .database .database-video .pic .play-icon {
    width: 16vw;
    height: 16vw;
  }
  .main .database .database-video p {
    padding: 2.66667vw;
    font-size: 3.73333vw;
    line-height: 6.93333vw;
  }
  .main .database .database-scroll {
    margin-top: 2.66667vw;
    width: 100%;
    height: 53.33333vw;
  }
  .main .database .database-scroll .swiper-slide p {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 3.73333vw;
    line-height: 4.26667vw;
    padding: 6.66667vw 26.66667vw 2.66667vw 3.73333vw;
  }
  .main .database .database-scroll .swiper-pagination {
    bottom: 2.66667vw;
  }
  .main .database .database-scroll .swiper-pagination .swiper-pagination-bullet {
    width: 2.13333vw;
    height: 2.13333vw;
    margin: 0 1.33333vw;
  }
  .wrapper {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    padding: 0 3.33333vw 3.33333vw;
  }
  .wrapper .recommend {
    display: none;
  }
  .wrapper .crumbs {
    margin: 6.66667vw 0 4vw;
  }
  .wrapper .crumbs span {
    width: 5.33333vw;
    height: 5.33333vw;
  }
  .wrapper .crumbs a.curmbs__index {
    width: 5.33333vw;
    height: 5.33333vw;
  }
  .wrapper .crumbs a.curmbs__class {
    min-width: 5.86667vw;
    height: 5.33333vw;
    font-size: 3.73333vw;
    line-height: 5.33333vw;
    padding: 0 2.66667vw;
    border-radius: 5.33333vw;
  }
  .wrapper .crumbs .curmbs__text {
    font-size: 3.73333vw;
    line-height: 4.26667vw;
  }
  .wrapper .list-container {
    min-height: auto;
  }
  .wrapper .list-container .pictrue-items {
    width: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .wrapper .list-container .pictrue-items .item {
    width: 48%;
    margin-right: 0;
  }
  .wrapper .list-container .pictrue-items .item img {
    height: 100px;
  }
  .wrapper .list-container .pictrue-items .item p {
    font-size: 3.73333vw;
    line-height: 5.33333vw;
  }
  .wrapper .list-container .catalog-items {
    width: 100%;
  }
  .wrapper .list-container .catalog-items .column .cata-title {
    padding: 0 5.33333vw;
    font-size: 4.26667vw;
    line-height: 10.13333vw;
  }
  .wrapper .list-container .catalog-items .column .cata-title a::after {
    font-size: 3.2vw;
  }
  .wrapper .list-container .catalog-items .column .cata-card {
    padding: 2.66667vw 0;
  }
  .wrapper .list-container .catalog-items .column .item {
    padding: 0 3.2vw;
    font-size: 3.73333vw;
    line-height: 1;
  }
  .wrapper .list-container .catalog-items .column .item a {
    height: 100%;
    padding: 1.6vw 0;
    position: relative;
  }
  .wrapper .list-container .catalog-items .column .item a::before {
    margin-left: 0;
    display: block;
    width: 1.06667vw;
    height: 1.06667vw;
    position: absolute;
    -ms-flex-item-align: start;
        align-self: flex-start;
    left: 0;
    top: 4.26667vw;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    margin-right: 0;
  }
  .wrapper .list-container .catalog-items .column .item p {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 4.26667vw;
    margin-right: auto;
    width: 72%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    white-space: initial;
    line-height: 5.33333vw;
  }
  .wrapper .list-container .catalog-items .column .item span {
    width: 26%;
    font-size: 3.2vw;
    text-align: right;
    -ms-flex-item-align: start;
        align-self: flex-start;
    line-height: 5.33333vw;
  }
  .wrapper .list-container .catalog-items .column .item:last-child a {
    border: none;
  }
  .wrapper .list-container.notice-handle .catalog-items {
    width: 100%;
  }
  .wrapper .list-container.notice-handle .catalog-items .column .item a {
    display: block;
    height: 100%;
    padding: 1.6vw 0;
    position: relative;
  }
  .wrapper .list-container.notice-handle .catalog-items .column .item p {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    position: relative;
    word-break: break-all;
  }
  .wrapper .list-container.notice-handle .catalog-items .column .item span {
    white-space: nowrap;
    margin-left: 1.33333vw;
    float: right;
  }
  .wrapper .list-container.notice-handle .catalog-items .column .item:last-child a {
    border: none;
  }
  .wrapper .list-container .catalog-pictrue {
    width: 100%;
  }
  .wrapper .list-container .catalog-pictrue .column .cata-title {
    padding: 0 5.33333vw;
    font-size: 4.26667vw;
    line-height: 10.13333vw;
  }
  .wrapper .list-container .catalog-pictrue .column .cata-title a::after {
    font-size: 3.2vw;
  }
  .wrapper .list-container .catalog-pictrue .column .cata-card {
    padding: 2.66667vw 2.66667vw 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .wrapper .list-container .catalog-pictrue .column .item {
    width: 48%;
    margin-right: 0;
    margin-bottom: 2.66667vw;
  }
  .wrapper .list-container .catalog-pictrue .column .item img {
    height: 180px;
  }
  .wrapper .list-container .catalog-pictrue .column .item p {
    font-size: 3.73333vw;
    line-height: 6.93333vw;
  }
  .wrapper .list-container .catalog-pictrue .column.file .cata-card {
    padding: 2.66667vw 0;
    display: block;
  }
  .wrapper .list-container .catalog-pictrue .column.file .item {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    padding: 0 3.2vw;
    font-size: 3.73333vw;
    line-height: 1;
    margin-bottom: 0;
  }
  .wrapper .list-container .catalog-pictrue .column.file .item a {
    height: 100%;
    padding: 1.6vw 0;
    position: relative;
  }
  .wrapper .list-container .catalog-pictrue .column.file .item a::before {
    margin-left: 0;
    display: block;
    width: 1.06667vw;
    height: 1.06667vw;
    position: absolute;
    -ms-flex-item-align: start;
        align-self: flex-start;
    left: 0;
    top: 4.26667vw;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    margin-right: 0;
  }
  .wrapper .list-container .catalog-pictrue .column.file .item p {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 4.26667vw;
    margin-right: auto;
    width: 72%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    white-space: initial;
    line-height: 5.33333vw;
  }
  .wrapper .list-container .catalog-pictrue .column.file .item span {
    width: 26%;
    font-size: 3.2vw;
    text-align: right;
    -ms-flex-item-align: start;
        align-self: flex-start;
    line-height: 5.33333vw;
  }
  .wrapper .list-container .catalog-pictrue .column.file .item:last-child a {
    border: none;
  }
  .wrapper .video-content {
    width: 100%;
  }
  .wrapper .video-content .video-box {
    width: 100%;
    display: block;
    margin-top: 2.66667vw;
  }
  .wrapper .video-content .video-box .video {
    width: 100%;
    height: auto;
  }
  .wrapper .video-content .video-box .video video {
    height: auto;
  }
  .wrapper .video-content .video-box .v-hot-list {
    display: none;
  }
  .wrapper .video-content .video-info {
    width: 100%;
  }
  .wrapper .video-content .video-info .video-title {
    display: block;
    margin: 4.26667vw 0 2.66667vw;
  }
  .wrapper .video-content .video-info .video-title h6 {
    width: 100%;
    font-size: 5.33333vw;
  }
  .wrapper .video-content .video-info .video-title .tools {
    display: none;
  }
  .wrapper .video-content .video-info .btm {
    font-size: 3.73333vw;
    line-height: 3.73333vw;
  }
  .wrapper .video-content .video-info .btm .source {
    margin-right: 4vw;
  }
  .wrapper .video-content .video-info .video-brief {
    margin: 3.33333vw 0;
    padding: 2.66667vw;
    font-size: 3.73333vw;
    line-height: 6.66667vw;
  }
  .wrapper .video-content .video-recommend {
    width: 100%;
    margin: 8vw auto 0;
  }
  .wrapper .video-content .video-recommend .rec-slider {
    margin-top: 2.66667vw;
  }
  .wrapper .video-content .video-recommend .rec-slider .swiper-container .swiper-slide .pic {
    height: auto;
  }
  .wrapper .video-content .video-recommend .rec-slider .swiper-container .swiper-slide .pic img {
    display: block;
    width: 100%;
    height: 24vw;
  }
  .wrapper .video-content .video-recommend .rec-slider .swiper-container .swiper-slide .con {
    padding: 0.8vw 1.86667vw 1.6vw;
  }
  .wrapper .video-content .video-recommend .rec-slider .swiper-container .swiper-slide p {
    height: 10.66667vw;
    line-height: 5.33333vw;
  }
  .wrapper .video-content .video-recommend .rec-slider .swiper-container .swiper-slide p a {
    font-size: 3.2vw;
  }
  .wrapper .video-content .video-recommend .rec-slider .swiper-container .swiper-slide .btm {
    font-size: 3.2vw;
    line-height: 4.8vw;
    margin-top: 1.33333vw;
  }
  .wrapper .video-content .video-recommend .rec-slider .swiper-button-prev,
  .wrapper .video-content .video-recommend .rec-slider .swiper-button-next {
    display: none;
  }
  .model-fixed .model-content {
    padding-bottom: 0;
  }
  .model-fixed .model-content #copy-h2c {
    display: none;
  }
}